<!DOCTYPE html>
<html lang="zxx">

<head>
	<title>Home</title>
	<!-- meta-tags -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="" />
	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!-- js files -->
	<!-- js -->
	<script src="__PUBLIC__/Home/js/jquery-2.1.4.min.js"></script>
	<!-- bootstrap -->
	<script src="__PUBLIC__/Home/js/bootstrap.js"></script>
	<!-- stats numscroller-js-file -->
	<script src="__PUBLIC__/Home/js/numscroller-1.0.js"></script>
	<!-- //stats numscroller-js-file -->

	<!-- //meta-tags -->
	<link href="__PUBLIC__/Home/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<link href="__PUBLIC__/Home/css/style.css" rel="stylesheet" type="text/css" media="all" />
	<!-- font-awesome -->
	<link href="__PUBLIC__/Home/css/font-awesome.css" rel="stylesheet">
	<!-- fonts -->
	<link href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i"
	    rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
</head>

<body>
	<!-- header -->
	<div class="header-top">
		<div class="container">
			<div class="bottom_header_left">
			  <p style="font-size: 20px">海南省-海口市-海南大学-思源学堂
				</p>
			</div>
			<div class="bottom_header_right" style="width: 340px">
				<p>微信公众号：海大艺术团 &nbsp;&nbsp;&nbsp;|微博：海大艺术团</p>
				
				
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
	<div class="header">
		<div class="content white">
			<nav class="navbar navbar-default">
				<div class="container">
					<div class="navbar-header">
						
						<a class="navbar-brand" href="index.html">
							<h1>
								<img src="__PUBLIC__/Home/images/yishutuan%20%20log.jpg" width="67" height="65">海南大学艺术团
							  
							</h1>
						</a>
					</div>
					<!--/.navbar-header-->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<nav class="link-effect-2" id="link-effect-2">
							<div style="padding-left: 100px">
								<ul class="nav navbar-nav">
								
								<li class="active">
									<a href="index.html" class="effect-3">主页</a>
								</li>
							 
								<li>
									<a href="courses.html" class="effect-3">十大部门</a>
								</li>
								<li>
									<a href="contact.html" class="effect-3">八大分团</a>
								</li>
								
							</ul>
							</div>
						</nav>
					</div>
					<!--/.navbar-collapse-->
					<!--/.navbar-->
				</div>
			</nav>
		</div>
	</div>
	<!-- banner -->
	<div id="myCarousel" class="carousel slide" data-ride="carousel">
		<!-- Indicators -->
		<ol class="carousel-indicators">
			<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			<li data-target="#myCarousel" data-slide-to="1" class=""></li>
			<li data-target="#myCarousel" data-slide-to="2" class=""></li>
			<li data-target="#myCarousel" data-slide-to="3" class=""></li>
		</ol>
		<div class="carousel-inner" role="listbox">
			<div class="item active">
				<div class="container">
					<div class="carousel-caption">
						<h6></h6>
						<h3>
							<span></span>
						</h3>
						<p></p>
					</div>
				</div>
			</div>
			<div class="item item2">
				<div class="container">
					<div class="carousel-caption">
						<h6></h6>
						<h3>
							<span></span>
						</h3>
						<p></p>
					</div>
				</div>
			</div>
			<div class="item item3">
				<div class="container">
					<div class="carousel-caption">
						<h6></h6>
						<h3>
							<span></span> </h3>
						<p></p>
					</div>
				</div>
			</div>
			<div class="item item4">
				<div class="container">
					<div class="carousel-caption">
						<h6></h6>
						<h3>
							<span></span>
						</h3>
						<p></p>
					</div>
				</div>
			</div>
		</div>
		<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
			<span class="fa fa-chevron-left" aria-hidden="true"></span>
			<span class="sr-only">Previous</span>
		</a>
		<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
			<span class="fa fa-chevron-right" aria-hidden="true"></span>
			<span class="sr-only">Next</span>
		</a>
		<!-- The Modal -->
	</div>
	<!--//banner -->
	<!-- about -->
	<div class="banner-bottom-w3l" id="about">
		<div class="container">
			<div class="title-div">
				<h3 class="tittle">
					<span>欢迎</span>
			  </h3>
				<div class="tittle-style">

				</div>
			</div>
			<div class="welcome-sub-wthree">
				<div class="col-md-6 banner_bottom_left">
					<h4>海南大学
					  <span>艺术团</span>
					</h4>
					<p>海南大学艺术团创建始于1983年3月，是由学校成立的负责全校学生文艺活动的专门机构。</p>
					<p>海南大学艺术团的精品活动有：迎新晚会、草地音乐节、主持人大赛、新年晚会等等</p>
				</div>
				<!-- Stats-->
				<div class="col-md-6 stats-info-agile">
					<div class="col-xs-6 stats-grid stat-border">
						<div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='1000' data-delay='.5' data-increment="1">1000</div>
						<p>艺术团总人数</p>
					</div>
					<div class="col-xs-6 stats-grid">
						<div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='15' data-delay='.5' data-increment="1">15</div>
						<p>主席团人数</p>
					</div>
					<div class="clearfix"></div>
					<div class="child-stat">
						<div class="col-xs-6 stats-grid stat-border border-st2">
							<div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='200' data-delay='.5' data-increment="1">200</div>
							<p>部门总人数</p>
						</div>
						<div class="col-xs-6 stats-grid">
							<div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='785' data-delay='.5' data-increment="1">785</div>
							<p>分团总人数</p>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
				<!-- //Stats -->
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- //about -->
	<!-- services -->
	
<!-- //services -->
	<!-- news -->
	<div class="news" id="news">
		<div class="container">
			<div class="title-div">
				<h3 class="tittle">
					<span>往</span>期
					<span> 精</span>彩
				</h3>
				<div class="tittle-style">

				</div>
			</div>
			<div class="yaallahaa-news-grids-agile">
				<div class="yaallahaa-news-grid">
					<div class="col-md-6 yaallahaa-news-left">
						<div class="col-xs-6 news-left-img">
							<div class="news-left-text color-event1">
								<h5>2018年</h5>
							</div>
						</div>
						<div class="col-xs-6 news-grid-info-bottom-w3ls">
							<div class="news-left-top-text text-color1">
								<a href="#" data-toggle="modal" data-target="#myModal">2018海南大学新年文艺晚会</a>
							</div>
							<div class="date-grid">
								<div class="admin">
									<a >
										<span class="fa fa-clock-o" aria-hidden="true"></span> 7:3 0pm - 10:30 pm</a>
								</div>
								<div class="time">
									<p>
										<span class="fa fa-map-marker" aria-hidden="true"></span> 思源学堂</p>
								</div>
								<div class="clearfix"> </div>
							</div>
							<div class="news-grid-info-bottom-w3ls-text">
								<p></p>
							</div>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="col-md-6 yaallahaa-news-left">
						<div class="col-xs-6 news-left-img news-left-img1">
							<div class="news-left-text color-event2">
								<h5>2018年</h5>
							</div>
						</div>
						<div class="col-xs-6 news-grid-info-bottom-w3ls">
							<div class="news-left-top-text text-color2">
								<a href="#" data-toggle="modal" data-target="#myModal">2018海南大学新年文艺晚会城西校区</a>
							</div>
							<div class="date-grid">
								<div class="admin">
									<a >
										<span class="fa fa-clock-o" aria-hidden="true"></span> 7:30 pm - 10:00pm</a>
								</div>
								<div class="time">
									<p>
										<span class="fa fa-map-marker" aria-hidden="true"></span> 城西田径场 </p>
								</div>
								<div class="clearfix"> </div>
							</div>
							<div class="news-grid-info-bottom-w3ls-text">
								<p></p>
							</div>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="clearfix"> </div>
				</div>
				
<!-- modal -->
	<div class="modal about-modal fade" id="myModal" tabindex="-1" role="dialog">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title">Best
						<span>Study</span>
					</h4>
				</div>
				<div class="modal-body">
					<div class="model-img-info">
						<img src="__PUBLIC__/Home/images/e.jpg" alt="" />
						<p>活动介绍，巴拉巴拉。。。。。。</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<p><!-- //modal -->
	  <!-- //news -->
	  <!-- middle section -->
</p>
	
	
	
<!-- //middle section -->
	<!-- testimonials -->
	<div class="testimonials">
		<div class="container">
			<div class="title-div">
				<h3 class="tittle">
					<span>艺术团</span>指导老师
					
			  </h3>
				<div class="tittle-style">

				</div>
			</div>
			<ul id="flexiselDemo1">
				<li>
					<div class="three_testimonials_grid_main">
						<div class="col-xs-3 three_testimonials_grid_pos">
							<div class="grid-test-allah-agile">
								<img src="__PUBLIC__/Home/images/g.jpg" alt=" " class="img-responsive" />
							</div>
						</div>
						<div class="col-xs-9 three_testimonials_grid">
							<div class="three_testimonials_grid1">
								<h5>周琳琳老师</h5>
								<p>艺术团团长</p>
							</div>
							<p>
								国家一级舞蹈编导，周老师简介吧啦吧啦
							</p>
						</div>
						<div class="clearfix"> </div>
					</div>
				</li>
				<li>
					<div class="three_testimonials_grid_main">
						<div class="col-xs-3 three_testimonials_grid_pos">
							<div class="grid-test-allah-agile">
								<img src="__PUBLIC__/Home/images/f.png" alt=" " class="img-responsive" />
							</div>
						</div>
						<div class="col-xs-9 three_testimonials_grid">
							<div class="three_testimonials_grid1">
								<h5>徐艾君老师</h5>
								<p>艺术团指导老师</p>
							</div>
							<p>
								徐老师简介吧啦吧啦
							</p>
						</div>
						<div class="clearfix"> </div>
					</div>
				</li>
				

			</ul>
		</div>
	</div>
	<!-- //testimonials -->
	<!-- footer -->
	<div class="mkl_footer">
		<div class="sub-footer">
			<div class="container">
				<div class="mkls_footer_grid">
					<div class="col-xs-4 mkls_footer_grid_left">
						<h4>地址</h4>
						<p>海南大学思源学堂B区</p>
						<p>办公室：B204</p>
					</div>
					<div class="col-xs-4 mkls_footer_grid_left">
						<h4>联系方式:</h4>
						<p>
							<span>电话：0898-66267908</span></p>
						<p>
							<span>邮箱：hdyishutuan@163.com</span><a href="mailto:info@example.com"></a>
						</p>
					</div>
					<div class="col-xs-4 mkls_footer_grid_left">
						<h4>工作时间</h4>
						<p>7：30 am - 10:05 pm</p>
						<p><span></span>
						（节假日除外）</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="botttom-nav-allah">
					<ul>
						<li>
							<a href="index.html">主页</a>
						</li>
						
						<li>
							<a href="courses.html"></a>
						</li>
						<li>
							<a href="join.html">加入我们</a>
						</li>
						
					</ul>
				</div>
				<!-- footer-button-info -->
				<div class="footer-middle-thanks">
					<h2>爱在艺术团</h2>
				</div>
				<!-- footer-button-info -->
			</div>
		</div>
		
	</div>
	<!--/footer -->

	

	<!-- Flexslider-js for-testimonials -->
	<script>
		$(window).load(function () {
			$("#flexiselDemo1").flexisel({
				visibleItems: 1,
				animationSpeed: 1000,
				autoPlay: false,
				autoPlaySpeed: 3000,
				pauseOnHover: true,
				enableResponsiveBreakpoints: true,
				responsiveBreakpoints: {
					portrait: {
						changePoint: 480,
						visibleItems: 1
					},
					landscape: {
						changePoint: 640,
						visibleItems: 1
					},
					tablet: {
						changePoint: 768,
						visibleItems: 1
					}
				}
			});

		});
	</script>
	<script src="__PUBLIC__/Home/js/jquery.flexisel.js"></script>
	<!-- //Flexslider-js for-testimonials -->
	<!-- smooth scrolling -->
	<script src="__PUBLIC__/Home/js/SmoothScroll.min.js"></script>
	<script src="__PUBLIC__/Home/js/move-top.js"></script>
	<script src="__PUBLIC__/Home/js/easing.js"></script>
	<!-- here stars scrolling icon -->
	<script>
		$(document).ready(function () {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/

			$().UItoTop({
				easingType: 'easeOutQuart'
			});

		});
	</script>
	<!-- //here ends scrolling icon -->
	<!-- smooth scrolling -->
	<!-- //js-files -->

</body>

</html>